<template>
	<view class="content">
		<view class="pay_btn">
			<text @tap="showFun">支付键盘</text>
		</view>
		<pay-keyboard :show_key="show_key" @hideFun="hideFun" @getPassword="getPassword"></pay-keyboard>
	</view>
</template>

<script>
	import payKeyboard from '../../components/keyboard.vue'
	export default {
		components:{
			payKeyboard
		},
		data() {
			return {
				title: 'Hello',
				show_key:false
			}
		},
		onLoad() {

		},
		methods: {
			showFun(){
				this.show_key = true
			},
			hideFun(){
				this.show_key = false
			},
			getPassword(n){
				console.log("用户输入的密码",n)
			}
		}
	}
</script>

<style lang="scss">
	.pay_btn{ width:100vw;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;
		text{ padding:20rpx 30rpx;background: #007AFF;border-radius: 10rpx;font-size:28rpx;color: #ffffff;}
	}
</style>
